<HTML>
<HEAD>
<TITLE>JavaScript Source Code 3000:  Page Details:  Color Picker</TITLE>
<META HTTP-EQUIV="JavaScript Source Code 3000" CONTENT = "no-cache">
<META NAME="date" CONTENT="2000-09-09">
<META NAME="channel" CONTENT="Web Developer">
<META NAME="author" CONTENT="Luis Romero (luisromero7987@aol.com)">
<META NAME="section" CONTENT="Page Details">
<META NAME="description" CONTENT="Uses an imagemap to allow you to select any color box and see the hexadecimal html value for that color.">

<SCRIPT LANGUAGE="JavaScript">
<!-- Original:  Luis Romero (luisromero7987@aol.com) -->
<!-- Web Site:  http://www.geocities.com/lr7987 -->




<!-- Begin
function showColor(val) {
document.colorform.hexval.value = val;
}
//  End -->
</script>
</HEAD>

<BODY BGCOLOR=#ffffff vlink=#0000ff>

<BR>
<center>
<table width=600 cellpadding=0 cellspacing=10>
<tr>
<td width=468 align=center>

    
    
</td>
<td width=120 align=center>
    
</td>
</tr>
</table>
<BR>
<BR>
<basefont size=3>
<FONT SIZE="+2" FACE="Helvetica,Arial">
<A HREF="../index.htm" /" TARGET="_top"><FONT COLOR="#0000FF"><b>Home</b></font></A>
<img src="../img/arrow.gif" /img/arrow.gif" height=13 width=7 border=0 alt="}">
<A HREF="index.htm" /page-details/"><font color="#FF0000"><b>Page Details</b></font></A>
<img src="../img/arrow.gif" /img/arrow.gif" height=13 width=7 border=0 alt="}">
<FONT COLOR="#006666"><b>Color Picker</b></font></font>
<BR>
<BR>
<table BORDER=0 WIDTH=486 CELLPADDING=3 CELLSPACING=0>
<tr><td><font FACE="helvetica,arial,geneva">
<br>
<br>
<!-- Description --><!--content_start-->
Uses an imagemap to allow you to select any color box and see the hexadecimal html value for that color.
<hr>
</td></tr>
</table>
<!-- Demonstration -->
<center>
<form name=colorform>
Color Picker<br>
<map name="colmap">
<area shape="rect" coords="1,1,7,10" href="javascript:showColor('#00FF00')">
<area shape="rect" coords="9,1,15,10" href="javascript:showColor('#00FF33')">
<area shape="rect" coords="17,1,23,10" href="javascript:showColor('#00FF66')">
<area shape="rect" coords="25,1,31,10" href="javascript:showColor('#00FF99')">
<area shape="rect" coords="33,1,39,10" href="javascript:showColor('#00FFCC')">
<area shape="rect" coords="41,1,47,10" href="javascript:showColor('#00FFFF')">
<area shape="rect" coords="49,1,55,10" href="javascript:showColor('#33FF00')">
<area shape="rect" coords="57,1,63,10" href="javascript:showColor('#33FF33')">
<area shape="rect" coords="65,1,71,10" href="javascript:showColor('#33FF66')">
<area shape="rect" coords="73,1,79,10" href="javascript:showColor('#33FF99')">
<area shape="rect" coords="81,1,87,10" href="javascript:showColor('#33FFCC')">
<area shape="rect" coords="89,1,95,10" href="javascript:showColor('#33FFFF')">
<area shape="rect" coords="97,1,103,10" href="javascript:showColor('#66FF00')">
<area shape="rect" coords="105,1,111,10" href="javascript:showColor('#66FF33')">
<area shape="rect" coords="113,1,119,10" href="javascript:showColor('#66FF66')">
<area shape="rect" coords="121,1,127,10" href="javascript:showColor('#66FF99')">
<area shape="rect" coords="129,1,135,10" href="javascript:showColor('#66FFCC')">
<area shape="rect" coords="137,1,143,10" href="javascript:showColor('#66FFFF')">
<area shape="rect" coords="145,1,151,10" href="javascript:showColor('#99FF00')">
<area shape="rect" coords="153,1,159,10" href="javascript:showColor('#99FF33')">
<area shape="rect" coords="161,1,167,10" href="javascript:showColor('#99FF66')">
<area shape="rect" coords="169,1,175,10" href="javascript:showColor('#99FF99')">
<area shape="rect" coords="177,1,183,10" href="javascript:showColor('#99FFCC')">
<area shape="rect" coords="185,1,191,10" href="javascript:showColor('#99FFFF')">
<area shape="rect" coords="193,1,199,10" href="javascript:showColor('#CCFF00')">
<area shape="rect" coords="201,1,207,10" href="javascript:showColor('#CCFF33')">
<area shape="rect" coords="209,1,215,10" href="javascript:showColor('#CCFF66')">
<area shape="rect" coords="217,1,223,10" href="javascript:showColor('#CCFF99')">
<area shape="rect" coords="225,1,231,10" href="javascript:showColor('#CCFFCC')">
<area shape="rect" coords="233,1,239,10" href="javascript:showColor('#CCFFFF')">
<area shape="rect" coords="241,1,247,10" href="javascript:showColor('#FFFF00')">
<area shape="rect" coords="249,1,255,10" href="javascript:showColor('#FFFF33')">
<area shape="rect" coords="257,1,263,10" href="javascript:showColor('#FFFF66')">
<area shape="rect" coords="265,1,271,10" href="javascript:showColor('#FFFF99')">
<area shape="rect" coords="273,1,279,10" href="javascript:showColor('#FFFFCC')">
<area shape="rect" coords="281,1,287,10" href="javascript:showColor('#FFFFFF')">
<area shape="rect" coords="1,12,7,21" href="javascript:showColor('#00CC00')">
<area shape="rect" coords="9,12,15,21" href="javascript:showColor('#00CC33')">
<area shape="rect" coords="17,12,23,21" href="javascript:showColor('#00CC66')">
<area shape="rect" coords="25,12,31,21" href="javascript:showColor('#00CC99')">
<area shape="rect" coords="33,12,39,21" href="javascript:showColor('#00CCCC')">
<area shape="rect" coords="41,12,47,21" href="javascript:showColor('#00CCFF')">
<area shape="rect" coords="49,12,55,21" href="javascript:showColor('#33CC00')">
<area shape="rect" coords="57,12,63,21" href="javascript:showColor('#33CC33')">
<area shape="rect" coords="65,12,71,21" href="javascript:showColor('#33CC66')">
<area shape="rect" coords="73,12,79,21" href="javascript:showColor('#33CC99')">
<area shape="rect" coords="81,12,87,21" href="javascript:showColor('#33CCCC')">
<area shape="rect" coords="89,12,95,21" href="javascript:showColor('#33CCFF')">
<area shape="rect" coords="97,12,103,21" href="javascript:showColor('#66CC00')">
<area shape="rect" coords="105,12,111,21" href="javascript:showColor('#66CC33')">
<area shape="rect" coords="113,12,119,21" href="javascript:showColor('#66CC66')">
<area shape="rect" coords="121,12,127,21" href="javascript:showColor('#66CC99')">
<area shape="rect" coords="129,12,135,21" href="javascript:showColor('#66CCCC')">
<area shape="rect" coords="137,12,143,21" href="javascript:showColor('#66CCFF')">
<area shape="rect" coords="145,12,151,21" href="javascript:showColor('#99CC00')">
<area shape="rect" coords="153,12,159,21" href="javascript:showColor('#99CC33')">
<area shape="rect" coords="161,12,167,21" href="javascript:showColor('#99CC66')">
<area shape="rect" coords="169,12,175,21" href="javascript:showColor('#99CC99')">
<area shape="rect" coords="177,12,183,21" href="javascript:showColor('#99CCCC')">
<area shape="rect" coords="185,12,191,21" href="javascript:showColor('#99CCFF')">
<area shape="rect" coords="193,12,199,21" href="javascript:showColor('#CCCC00')">
<area shape="rect" coords="201,12,207,21" href="javascript:showColor('#CCCC33')">
<area shape="rect" coords="209,12,215,21" href="javascript:showColor('#CCCC66')">
<area shape="rect" coords="217,12,223,21" href="javascript:showColor('#CCCC99')">
<area shape="rect" coords="225,12,231,21" href="javascript:showColor('#CCCCCC')">
<area shape="rect" coords="233,12,239,21" href="javascript:showColor('#CCCCFF')">
<area shape="rect" coords="241,12,247,21" href="javascript:showColor('#FFCC00')">
<area shape="rect" coords="249,12,255,21" href="javascript:showColor('#FFCC33')">
<area shape="rect" coords="257,12,263,21" href="javascript:showColor('#FFCC66')">
<area shape="rect" coords="265,12,271,21" href="javascript:showColor('#FFCC99')">
<area shape="rect" coords="273,12,279,21" href="javascript:showColor('#FFCCCC')">
<area shape="rect" coords="281,12,287,21" href="javascript:showColor('#FFCCFF')">
<area shape="rect" coords="1,23,7,32" href="javascript:showColor('#009900')">
<area shape="rect" coords="9,23,15,32" href="javascript:showColor('#009933')">
<area shape="rect" coords="17,23,23,32" href="javascript:showColor('#009966')">
<area shape="rect" coords="25,23,31,32" href="javascript:showColor('#009999')">
<area shape="rect" coords="33,23,39,32" href="javascript:showColor('#0099CC')">
<area shape="rect" coords="41,23,47,32" href="javascript:showColor('#0099FF')">
<area shape="rect" coords="49,23,55,32" href="javascript:showColor('#339900')">
<area shape="rect" coords="57,23,63,32" href="javascript:showColor('#339933')">
<area shape="rect" coords="65,23,71,32" href="javascript:showColor('#339966')">
<area shape="rect" coords="73,23,79,32" href="javascript:showColor('#339999')">
<area shape="rect" coords="81,23,87,32" href="javascript:showColor('#3399CC')">
<area shape="rect" coords="89,23,95,32" href="javascript:showColor('#3399FF')">
<area shape="rect" coords="97,23,103,32" href="javascript:showColor('#669900')">
<area shape="rect" coords="105,23,111,32" href="javascript:showColor('#669933')">
<area shape="rect" coords="113,23,119,32" href="javascript:showColor('#669966')">
<area shape="rect" coords="121,23,127,32" href="javascript:showColor('#669999')">
<area shape="rect" coords="129,23,135,32" href="javascript:showColor('#6699CC')">
<area shape="rect" coords="137,23,143,32" href="javascript:showColor('#6699FF')">
<area shape="rect" coords="145,23,151,32" href="javascript:showColor('#999900')">
<area shape="rect" coords="153,23,159,32" href="javascript:showColor('#999933')">
<area shape="rect" coords="161,23,167,32" href="javascript:showColor('#999966')">
<area shape="rect" coords="169,23,175,32" href="javascript:showColor('#999999')">
<area shape="rect" coords="177,23,183,32" href="javascript:showColor('#9999CC')">
<area shape="rect" coords="185,23,191,32" href="javascript:showColor('#9999FF')">
<area shape="rect" coords="193,23,199,32" href="javascript:showColor('#CC9900')">
<area shape="rect" coords="201,23,207,32" href="javascript:showColor('#CC9933')">
<area shape="rect" coords="209,23,215,32" href="javascript:showColor('#CC9966')">
<area shape="rect" coords="217,23,223,32" href="javascript:showColor('#CC9999')">
<area shape="rect" coords="225,23,231,32" href="javascript:showColor('#CC99CC')">
<area shape="rect" coords="233,23,239,32" href="javascript:showColor('#CC99FF')">
<area shape="rect" coords="241,23,247,32" href="javascript:showColor('#FF9900')">
<area shape="rect" coords="249,23,255,32" href="javascript:showColor('#FF9933')">
<area shape="rect" coords="257,23,263,32" href="javascript:showColor('#FF9966')">
<area shape="rect" coords="265,23,271,32" href="javascript:showColor('#FF9999')">
<area shape="rect" coords="273,23,279,32" href="javascript:showColor('#FF99CC')">
<area shape="rect" coords="281,23,287,32" href="javascript:showColor('#FF99FF')">
<area shape="rect" coords="1,34,7,43" href="javascript:showColor('#006600')">
<area shape="rect" coords="9,34,15,43" href="javascript:showColor('#006633')">
<area shape="rect" coords="17,34,23,43" href="javascript:showColor('#006666')">
<area shape="rect" coords="25,34,31,43" href="javascript:showColor('#006699')">
<area shape="rect" coords="33,34,39,43" href="javascript:showColor('#0066CC')">
<area shape="rect" coords="41,34,47,43" href="javascript:showColor('#0066FF')">
<area shape="rect" coords="49,34,55,43" href="javascript:showColor('#336600')">
<area shape="rect" coords="57,34,63,43" href="javascript:showColor('#336633')">
<area shape="rect" coords="65,34,71,43" href="javascript:showColor('#336666')">
<area shape="rect" coords="73,34,79,43" href="javascript:showColor('#336699')">
<area shape="rect" coords="81,34,87,43" href="javascript:showColor('#3366CC')">
<area shape="rect" coords="89,34,95,43" href="javascript:showColor('#3366FF')">
<area shape="rect" coords="97,34,103,43" href="javascript:showColor('#666600')">
<area shape="rect" coords="105,34,111,43" href="javascript:showColor('#666633')">
<area shape="rect" coords="113,34,119,43" href="javascript:showColor('#666666')">
<area shape="rect" coords="121,34,127,43" href="javascript:showColor('#666699')">
<area shape="rect" coords="129,34,135,43" href="javascript:showColor('#6666CC')">
<area shape="rect" coords="137,34,143,43" href="javascript:showColor('#6666FF')">
<area shape="rect" coords="145,34,151,43" href="javascript:showColor('#996600')">
<area shape="rect" coords="153,34,159,43" href="javascript:showColor('#996633')">
<area shape="rect" coords="161,34,167,43" href="javascript:showColor('#996666')">
<area shape="rect" coords="169,34,175,43" href="javascript:showColor('#996699')">
<area shape="rect" coords="177,34,183,43" href="javascript:showColor('#9966CC')">
<area shape="rect" coords="185,34,191,43" href="javascript:showColor('#9966FF')">
<area shape="rect" coords="193,34,199,43" href="javascript:showColor('#CC6600')">
<area shape="rect" coords="201,34,207,43" href="javascript:showColor('#CC6633')">
<area shape="rect" coords="209,34,215,43" href="javascript:showColor('#CC6666')">
<area shape="rect" coords="217,34,223,43" href="javascript:showColor('#CC6699')">
<area shape="rect" coords="225,34,231,43" href="javascript:showColor('#CC66CC')">
<area shape="rect" coords="233,34,239,43" href="javascript:showColor('#CC66FF')">
<area shape="rect" coords="241,34,247,43" href="javascript:showColor('#FF6600')">
<area shape="rect" coords="249,34,255,43" href="javascript:showColor('#FF6633')">
<area shape="rect" coords="257,34,263,43" href="javascript:showColor('#FF6666')">
<area shape="rect" coords="265,34,271,43" href="javascript:showColor('#FF6699')">
<area shape="rect" coords="273,34,279,43" href="javascript:showColor('#FF66CC')">
<area shape="rect" coords="281,34,287,43" href="javascript:showColor('#FF66FF')">
<area shape="rect" coords="1,45,7,54" href="javascript:showColor('#003300')">
<area shape="rect" coords="9,45,15,54" href="javascript:showColor('#003333')">
<area shape="rect" coords="17,45,23,54" href="javascript:showColor('#003366')">
<area shape="rect" coords="25,45,31,54" href="javascript:showColor('#003399')">
<area shape="rect" coords="33,45,39,54" href="javascript:showColor('#0033CC')">
<area shape="rect" coords="41,45,47,54" href="javascript:showColor('#0033FF')">
<area shape="rect" coords="49,45,55,54" href="javascript:showColor('#333300')">
<area shape="rect" coords="57,45,63,54" href="javascript:showColor('#333333')">
<area shape="rect" coords="65,45,71,54" href="javascript:showColor('#333366')">
<area shape="rect" coords="73,45,79,54" href="javascript:showColor('#333399')">
<area shape="rect" coords="81,45,87,54" href="javascript:showColor('#3333CC')">
<area shape="rect" coords="89,45,95,54" href="javascript:showColor('#3333FF')">
<area shape="rect" coords="97,45,103,54" href="javascript:showColor('#663300')">
<area shape="rect" coords="105,45,111,54" href="javascript:showColor('#663333')">
<area shape="rect" coords="113,45,119,54" href="javascript:showColor('#663366')">
<area shape="rect" coords="121,45,127,54" href="javascript:showColor('#663399')">
<area shape="rect" coords="129,45,135,54" href="javascript:showColor('#6633CC')">
<area shape="rect" coords="137,45,143,54" href="javascript:showColor('#6633FF')">
<area shape="rect" coords="145,45,151,54" href="javascript:showColor('#993300')">
<area shape="rect" coords="153,45,159,54" href="javascript:showColor('#993333')">
<area shape="rect" coords="161,45,167,54" href="javascript:showColor('#993366')">
<area shape="rect" coords="169,45,175,54" href="javascript:showColor('#993399')">
<area shape="rect" coords="177,45,183,54" href="javascript:showColor('#9933CC')">
<area shape="rect" coords="185,45,191,54" href="javascript:showColor('#9933FF')">
<area shape="rect" coords="193,45,199,54" href="javascript:showColor('#CC3300')">
<area shape="rect" coords="201,45,207,54" href="javascript:showColor('#CC3333')">
<area shape="rect" coords="209,45,215,54" href="javascript:showColor('#CC3366')">
<area shape="rect" coords="217,45,223,54" href="javascript:showColor('#CC3399')">
<area shape="rect" coords="225,45,231,54" href="javascript:showColor('#CC33CC')">
<area shape="rect" coords="233,45,239,54" href="javascript:showColor('#CC33FF')">
<area shape="rect" coords="241,45,247,54" href="javascript:showColor('#FF3300')">
<area shape="rect" coords="249,45,255,54" href="javascript:showColor('#FF3333')">
<area shape="rect" coords="257,45,263,54" href="javascript:showColor('#FF3366')">
<area shape="rect" coords="265,45,271,54" href="javascript:showColor('#FF3399')">
<area shape="rect" coords="273,45,279,54" href="javascript:showColor('#FF33CC')">
<area shape="rect" coords="281,45,287,54" href="javascript:showColor('#FF33FF')">
<area shape="rect" coords="1,56,7,65" href="javascript:showColor('#000000')">
<area shape="rect" coords="9,56,15,65" href="javascript:showColor('#000033')">
<area shape="rect" coords="17,56,23,65" href="javascript:showColor('#000066')">
<area shape="rect" coords="25,56,31,65" href="javascript:showColor('#000099')">
<area shape="rect" coords="33,56,39,65" href="javascript:showColor('#0000CC')">
<area shape="rect" coords="41,56,47,65" href="javascript:showColor('#0000FF')">
<area shape="rect" coords="49,56,55,65" href="javascript:showColor('#330000')">
<area shape="rect" coords="57,56,63,65" href="javascript:showColor('#330033')">
<area shape="rect" coords="65,56,71,65" href="javascript:showColor('#330066')">
<area shape="rect" coords="73,56,79,65" href="javascript:showColor('#330099')">
<area shape="rect" coords="81,56,87,65" href="javascript:showColor('#3300CC')">
<area shape="rect" coords="89,56,95,65" href="javascript:showColor('#3300FF')">
<area shape="rect" coords="97,56,103,65" href="javascript:showColor('#660000')">
<area shape="rect" coords="105,56,111,65" href="javascript:showColor('#660033')">
<area shape="rect" coords="113,56,119,65" href="javascript:showColor('#660066')">
<area shape="rect" coords="121,56,127,65" href="javascript:showColor('#660099')">
<area shape="rect" coords="129,56,135,65" href="javascript:showColor('#6600CC')">
<area shape="rect" coords="137,56,143,65" href="javascript:showColor('#6600FF')">
<area shape="rect" coords="145,56,151,65" href="javascript:showColor('#990000')">
<area shape="rect" coords="153,56,159,65" href="javascript:showColor('#990033')">
<area shape="rect" coords="161,56,167,65" href="javascript:showColor('#990066')">
<area shape="rect" coords="169,56,175,65" href="javascript:showColor('#990099')">
<area shape="rect" coords="177,56,183,65" href="javascript:showColor('#9900CC')">
<area shape="rect" coords="185,56,191,65" href="javascript:showColor('#9900FF')">
<area shape="rect" coords="193,56,199,65" href="javascript:showColor('#CC0000')">
<area shape="rect" coords="201,56,207,65" href="javascript:showColor('#CC0033')">
<area shape="rect" coords="209,56,215,65" href="javascript:showColor('#CC0066')">
<area shape="rect" coords="217,56,223,65" href="javascript:showColor('#CC0099')">
<area shape="rect" coords="225,56,231,65" href="javascript:showColor('#CC00CC')">
<area shape="rect" coords="233,56,239,65" href="javascript:showColor('#CC00FF')">
<area shape="rect" coords="241,56,247,65" href="javascript:showColor('#FF0000')">
<area shape="rect" coords="249,56,255,65" href="javascript:showColor('#FF0033')">
<area shape="rect" coords="257,56,263,65" href="javascript:showColor('#FF0066')">
<area shape="rect" coords="265,56,271,65" href="javascript:showColor('#FF0099')">
<area shape="rect" coords="273,56,279,65" href="javascript:showColor('#FF00CC')">
<area shape="rect" coords="281,56,287,65" href="javascript:showColor('#FF00FF')">
</map>
<a><img usemap="#colmap" src="../img/color-picker/colortable.gif" /img/color-picker/colortable.gif" border=0 width=289 height=67></a><br>
<br>
Click a box and the hexadecimal color will be shown below.<br>
<input type=text name=hexval size=10 readonly>
</form>
</center>
<br><br>
To use this script you must right<br>
click the color table image above,<br>
save it to your computer, and then<br>
upload it to your web server.
<P>
<P>
<a name="source">
<table BORDER=0 WIDTH=486 CELLPADDING=3 CELLSPACING=0>
<tr><td BGCOLOR=yellow><font FACE="helvetica,arial,geneva"><b>JavaScript Source Code 3000:  Page Details:  Color Picker</b>
<p>Simply click inside the window below, use your cursor to highlight the script, and copy (type Control-c or Apple-c) the script into a new file in your text editor (such as Note Pad or Simple Text) and save (Control-s or Apple-s).  The script is yours!!!
<br><br></font></td></tr>
<tr><td BGCOLOR=yellow ALIGN=CENTER>
<form NAME="copy">

<DIV align="center">
<input type=button value="Highlight All" onClick="javascript:this.form.txt.focus();this.form.txt.select();">&nbsp;&nbsp;&nbsp;&nbsp;
<INPUT TYPE="text" NAME="total" VALUE="Script Size:  18.35 KB" size=24>
</DIV>

<textarea NAME="txt" ROWS=20 COLS=75 WRAP=VIRTUAL>

&lt;!-- TWO STEPS TO INSTALL COLOR PICKER:

  1.  Copy the coding into the HEAD of your HTML document
  2.  Add the last code into the BODY of your HTML document  --&gt;

&lt;!-- STEP ONE: Paste this code into the HEAD of your HTML document  --&gt;

&lt;HEAD&gt;

&lt;SCRIPT LANGUAGE="JavaScript"&gt;
&lt;!-- Original:  Luis Romero (luisromero7987@aol.com) --&gt;
&lt;!-- Web Site:  http://www.geocities.com/lr7987 --&gt;

&lt;! &gt;
&lt;! &gt;

&lt;!-- Begin
function showColor(val) {
document.colorform.hexval.value = val;
}
//  End --&gt;
&lt;/script&gt;
&lt;/HEAD&gt;

&lt;!-- STEP TWO: Copy this code into the BODY of your HTML document  --&gt;

&lt;BODY&gt;

&lt;center&gt;
&lt;form name=colorform&gt;
Color Picker&lt;br&gt;
&lt;map name="colmap"&gt;
&lt;area shape="rect" coords="1,1,7,10" href="javascript:showColor('#00FF00')"&gt;
&lt;area shape="rect" coords="9,1,15,10" href="javascript:showColor('#00FF33')"&gt;
&lt;area shape="rect" coords="17,1,23,10" href="javascript:showColor('#00FF66')"&gt;
&lt;area shape="rect" coords="25,1,31,10" href="javascript:showColor('#00FF99')"&gt;
&lt;area shape="rect" coords="33,1,39,10" href="javascript:showColor('#00FFCC')"&gt;
&lt;area shape="rect" coords="41,1,47,10" href="javascript:showColor('#00FFFF')"&gt;
&lt;area shape="rect" coords="49,1,55,10" href="javascript:showColor('#33FF00')"&gt;
&lt;area shape="rect" coords="57,1,63,10" href="javascript:showColor('#33FF33')"&gt;
&lt;area shape="rect" coords="65,1,71,10" href="javascript:showColor('#33FF66')"&gt;
&lt;area shape="rect" coords="73,1,79,10" href="javascript:showColor('#33FF99')"&gt;
&lt;area shape="rect" coords="81,1,87,10" href="javascript:showColor('#33FFCC')"&gt;
&lt;area shape="rect" coords="89,1,95,10" href="javascript:showColor('#33FFFF')"&gt;
&lt;area shape="rect" coords="97,1,103,10" href="javascript:showColor('#66FF00')"&gt;
&lt;area shape="rect" coords="105,1,111,10" href="javascript:showColor('#66FF33')"&gt;
&lt;area shape="rect" coords="113,1,119,10" href="javascript:showColor('#66FF66')"&gt;
&lt;area shape="rect" coords="121,1,127,10" href="javascript:showColor('#66FF99')"&gt;
&lt;area shape="rect" coords="129,1,135,10" href="javascript:showColor('#66FFCC')"&gt;
&lt;area shape="rect" coords="137,1,143,10" href="javascript:showColor('#66FFFF')"&gt;
&lt;area shape="rect" coords="145,1,151,10" href="javascript:showColor('#99FF00')"&gt;
&lt;area shape="rect" coords="153,1,159,10" href="javascript:showColor('#99FF33')"&gt;
&lt;area shape="rect" coords="161,1,167,10" href="javascript:showColor('#99FF66')"&gt;
&lt;area shape="rect" coords="169,1,175,10" href="javascript:showColor('#99FF99')"&gt;
&lt;area shape="rect" coords="177,1,183,10" href="javascript:showColor('#99FFCC')"&gt;
&lt;area shape="rect" coords="185,1,191,10" href="javascript:showColor('#99FFFF')"&gt;
&lt;area shape="rect" coords="193,1,199,10" href="javascript:showColor('#CCFF00')"&gt;
&lt;area shape="rect" coords="201,1,207,10" href="javascript:showColor('#CCFF33')"&gt;
&lt;area shape="rect" coords="209,1,215,10" href="javascript:showColor('#CCFF66')"&gt;
&lt;area shape="rect" coords="217,1,223,10" href="javascript:showColor('#CCFF99')"&gt;
&lt;area shape="rect" coords="225,1,231,10" href="javascript:showColor('#CCFFCC')"&gt;
&lt;area shape="rect" coords="233,1,239,10" href="javascript:showColor('#CCFFFF')"&gt;
&lt;area shape="rect" coords="241,1,247,10" href="javascript:showColor('#FFFF00')"&gt;
&lt;area shape="rect" coords="249,1,255,10" href="javascript:showColor('#FFFF33')"&gt;
&lt;area shape="rect" coords="257,1,263,10" href="javascript:showColor('#FFFF66')"&gt;
&lt;area shape="rect" coords="265,1,271,10" href="javascript:showColor('#FFFF99')"&gt;
&lt;area shape="rect" coords="273,1,279,10" href="javascript:showColor('#FFFFCC')"&gt;
&lt;area shape="rect" coords="281,1,287,10" href="javascript:showColor('#FFFFFF')"&gt;
&lt;area shape="rect" coords="1,12,7,21" href="javascript:showColor('#00CC00')"&gt;
&lt;area shape="rect" coords="9,12,15,21" href="javascript:showColor('#00CC33')"&gt;
&lt;area shape="rect" coords="17,12,23,21" href="javascript:showColor('#00CC66')"&gt;
&lt;area shape="rect" coords="25,12,31,21" href="javascript:showColor('#00CC99')"&gt;
&lt;area shape="rect" coords="33,12,39,21" href="javascript:showColor('#00CCCC')"&gt;
&lt;area shape="rect" coords="41,12,47,21" href="javascript:showColor('#00CCFF')"&gt;
&lt;area shape="rect" coords="49,12,55,21" href="javascript:showColor('#33CC00')"&gt;
&lt;area shape="rect" coords="57,12,63,21" href="javascript:showColor('#33CC33')"&gt;
&lt;area shape="rect" coords="65,12,71,21" href="javascript:showColor('#33CC66')"&gt;
&lt;area shape="rect" coords="73,12,79,21" href="javascript:showColor('#33CC99')"&gt;
&lt;area shape="rect" coords="81,12,87,21" href="javascript:showColor('#33CCCC')"&gt;
&lt;area shape="rect" coords="89,12,95,21" href="javascript:showColor('#33CCFF')"&gt;
&lt;area shape="rect" coords="97,12,103,21" href="javascript:showColor('#66CC00')"&gt;
&lt;area shape="rect" coords="105,12,111,21" href="javascript:showColor('#66CC33')"&gt;
&lt;area shape="rect" coords="113,12,119,21" href="javascript:showColor('#66CC66')"&gt;
&lt;area shape="rect" coords="121,12,127,21" href="javascript:showColor('#66CC99')"&gt;
&lt;area shape="rect" coords="129,12,135,21" href="javascript:showColor('#66CCCC')"&gt;
&lt;area shape="rect" coords="137,12,143,21" href="javascript:showColor('#66CCFF')"&gt;
&lt;area shape="rect" coords="145,12,151,21" href="javascript:showColor('#99CC00')"&gt;
&lt;area shape="rect" coords="153,12,159,21" href="javascript:showColor('#99CC33')"&gt;
&lt;area shape="rect" coords="161,12,167,21" href="javascript:showColor('#99CC66')"&gt;
&lt;area shape="rect" coords="169,12,175,21" href="javascript:showColor('#99CC99')"&gt;
&lt;area shape="rect" coords="177,12,183,21" href="javascript:showColor('#99CCCC')"&gt;
&lt;area shape="rect" coords="185,12,191,21" href="javascript:showColor('#99CCFF')"&gt;
&lt;area shape="rect" coords="193,12,199,21" href="javascript:showColor('#CCCC00')"&gt;
&lt;area shape="rect" coords="201,12,207,21" href="javascript:showColor('#CCCC33')"&gt;
&lt;area shape="rect" coords="209,12,215,21" href="javascript:showColor('#CCCC66')"&gt;
&lt;area shape="rect" coords="217,12,223,21" href="javascript:showColor('#CCCC99')"&gt;
&lt;area shape="rect" coords="225,12,231,21" href="javascript:showColor('#CCCCCC')"&gt;
&lt;area shape="rect" coords="233,12,239,21" href="javascript:showColor('#CCCCFF')"&gt;
&lt;area shape="rect" coords="241,12,247,21" href="javascript:showColor('#FFCC00')"&gt;
&lt;area shape="rect" coords="249,12,255,21" href="javascript:showColor('#FFCC33')"&gt;
&lt;area shape="rect" coords="257,12,263,21" href="javascript:showColor('#FFCC66')"&gt;
&lt;area shape="rect" coords="265,12,271,21" href="javascript:showColor('#FFCC99')"&gt;
&lt;area shape="rect" coords="273,12,279,21" href="javascript:showColor('#FFCCCC')"&gt;
&lt;area shape="rect" coords="281,12,287,21" href="javascript:showColor('#FFCCFF')"&gt;
&lt;area shape="rect" coords="1,23,7,32" href="javascript:showColor('#009900')"&gt;
&lt;area shape="rect" coords="9,23,15,32" href="javascript:showColor('#009933')"&gt;
&lt;area shape="rect" coords="17,23,23,32" href="javascript:showColor('#009966')"&gt;
&lt;area shape="rect" coords="25,23,31,32" href="javascript:showColor('#009999')"&gt;
&lt;area shape="rect" coords="33,23,39,32" href="javascript:showColor('#0099CC')"&gt;
&lt;area shape="rect" coords="41,23,47,32" href="javascript:showColor('#0099FF')"&gt;
&lt;area shape="rect" coords="49,23,55,32" href="javascript:showColor('#339900')"&gt;
&lt;area shape="rect" coords="57,23,63,32" href="javascript:showColor('#339933')"&gt;
&lt;area shape="rect" coords="65,23,71,32" href="javascript:showColor('#339966')"&gt;
&lt;area shape="rect" coords="73,23,79,32" href="javascript:showColor('#339999')"&gt;
&lt;area shape="rect" coords="81,23,87,32" href="javascript:showColor('#3399CC')"&gt;
&lt;area shape="rect" coords="89,23,95,32" href="javascript:showColor('#3399FF')"&gt;
&lt;area shape="rect" coords="97,23,103,32" href="javascript:showColor('#669900')"&gt;
&lt;area shape="rect" coords="105,23,111,32" href="javascript:showColor('#669933')"&gt;
&lt;area shape="rect" coords="113,23,119,32" href="javascript:showColor('#669966')"&gt;
&lt;area shape="rect" coords="121,23,127,32" href="javascript:showColor('#669999')"&gt;
&lt;area shape="rect" coords="129,23,135,32" href="javascript:showColor('#6699CC')"&gt;
&lt;area shape="rect" coords="137,23,143,32" href="javascript:showColor('#6699FF')"&gt;
&lt;area shape="rect" coords="145,23,151,32" href="javascript:showColor('#999900')"&gt;
&lt;area shape="rect" coords="153,23,159,32" href="javascript:showColor('#999933')"&gt;
&lt;area shape="rect" coords="161,23,167,32" href="javascript:showColor('#999966')"&gt;
&lt;area shape="rect" coords="169,23,175,32" href="javascript:showColor('#999999')"&gt;
&lt;area shape="rect" coords="177,23,183,32" href="javascript:showColor('#9999CC')"&gt;
&lt;area shape="rect" coords="185,23,191,32" href="javascript:showColor('#9999FF')"&gt;
&lt;area shape="rect" coords="193,23,199,32" href="javascript:showColor('#CC9900')"&gt;
&lt;area shape="rect" coords="201,23,207,32" href="javascript:showColor('#CC9933')"&gt;
&lt;area shape="rect" coords="209,23,215,32" href="javascript:showColor('#CC9966')"&gt;
&lt;area shape="rect" coords="217,23,223,32" href="javascript:showColor('#CC9999')"&gt;
&lt;area shape="rect" coords="225,23,231,32" href="javascript:showColor('#CC99CC')"&gt;
&lt;area shape="rect" coords="233,23,239,32" href="javascript:showColor('#CC99FF')"&gt;
&lt;area shape="rect" coords="241,23,247,32" href="javascript:showColor('#FF9900')"&gt;
&lt;area shape="rect" coords="249,23,255,32" href="javascript:showColor('#FF9933')"&gt;
&lt;area shape="rect" coords="257,23,263,32" href="javascript:showColor('#FF9966')"&gt;
&lt;area shape="rect" coords="265,23,271,32" href="javascript:showColor('#FF9999')"&gt;
&lt;area shape="rect" coords="273,23,279,32" href="javascript:showColor('#FF99CC')"&gt;
&lt;area shape="rect" coords="281,23,287,32" href="javascript:showColor('#FF99FF')"&gt;
&lt;area shape="rect" coords="1,34,7,43" href="javascript:showColor('#006600')"&gt;
&lt;area shape="rect" coords="9,34,15,43" href="javascript:showColor('#006633')"&gt;
&lt;area shape="rect" coords="17,34,23,43" href="javascript:showColor('#006666')"&gt;
&lt;area shape="rect" coords="25,34,31,43" href="javascript:showColor('#006699')"&gt;
&lt;area shape="rect" coords="33,34,39,43" href="javascript:showColor('#0066CC')"&gt;
&lt;area shape="rect" coords="41,34,47,43" href="javascript:showColor('#0066FF')"&gt;
&lt;area shape="rect" coords="49,34,55,43" href="javascript:showColor('#336600')"&gt;
&lt;area shape="rect" coords="57,34,63,43" href="javascript:showColor('#336633')"&gt;
&lt;area shape="rect" coords="65,34,71,43" href="javascript:showColor('#336666')"&gt;
&lt;area shape="rect" coords="73,34,79,43" href="javascript:showColor('#336699')"&gt;
&lt;area shape="rect" coords="81,34,87,43" href="javascript:showColor('#3366CC')"&gt;
&lt;area shape="rect" coords="89,34,95,43" href="javascript:showColor('#3366FF')"&gt;
&lt;area shape="rect" coords="97,34,103,43" href="javascript:showColor('#666600')"&gt;
&lt;area shape="rect" coords="105,34,111,43" href="javascript:showColor('#666633')"&gt;
&lt;area shape="rect" coords="113,34,119,43" href="javascript:showColor('#666666')"&gt;
&lt;area shape="rect" coords="121,34,127,43" href="javascript:showColor('#666699')"&gt;
&lt;area shape="rect" coords="129,34,135,43" href="javascript:showColor('#6666CC')"&gt;
&lt;area shape="rect" coords="137,34,143,43" href="javascript:showColor('#6666FF')"&gt;
&lt;area shape="rect" coords="145,34,151,43" href="javascript:showColor('#996600')"&gt;
&lt;area shape="rect" coords="153,34,159,43" href="javascript:showColor('#996633')"&gt;
&lt;area shape="rect" coords="161,34,167,43" href="javascript:showColor('#996666')"&gt;
&lt;area shape="rect" coords="169,34,175,43" href="javascript:showColor('#996699')"&gt;
&lt;area shape="rect" coords="177,34,183,43" href="javascript:showColor('#9966CC')"&gt;
&lt;area shape="rect" coords="185,34,191,43" href="javascript:showColor('#9966FF')"&gt;
&lt;area shape="rect" coords="193,34,199,43" href="javascript:showColor('#CC6600')"&gt;
&lt;area shape="rect" coords="201,34,207,43" href="javascript:showColor('#CC6633')"&gt;
&lt;area shape="rect" coords="209,34,215,43" href="javascript:showColor('#CC6666')"&gt;
&lt;area shape="rect" coords="217,34,223,43" href="javascript:showColor('#CC6699')"&gt;
&lt;area shape="rect" coords="225,34,231,43" href="javascript:showColor('#CC66CC')"&gt;
&lt;area shape="rect" coords="233,34,239,43" href="javascript:showColor('#CC66FF')"&gt;
&lt;area shape="rect" coords="241,34,247,43" href="javascript:showColor('#FF6600')"&gt;
&lt;area shape="rect" coords="249,34,255,43" href="javascript:showColor('#FF6633')"&gt;
&lt;area shape="rect" coords="257,34,263,43" href="javascript:showColor('#FF6666')"&gt;
&lt;area shape="rect" coords="265,34,271,43" href="javascript:showColor('#FF6699')"&gt;
&lt;area shape="rect" coords="273,34,279,43" href="javascript:showColor('#FF66CC')"&gt;
&lt;area shape="rect" coords="281,34,287,43" href="javascript:showColor('#FF66FF')"&gt;
&lt;area shape="rect" coords="1,45,7,54" href="javascript:showColor('#003300')"&gt;
&lt;area shape="rect" coords="9,45,15,54" href="javascript:showColor('#003333')"&gt;
&lt;area shape="rect" coords="17,45,23,54" href="javascript:showColor('#003366')"&gt;
&lt;area shape="rect" coords="25,45,31,54" href="javascript:showColor('#003399')"&gt;
&lt;area shape="rect" coords="33,45,39,54" href="javascript:showColor('#0033CC')"&gt;
&lt;area shape="rect" coords="41,45,47,54" href="javascript:showColor('#0033FF')"&gt;
&lt;area shape="rect" coords="49,45,55,54" href="javascript:showColor('#333300')"&gt;
&lt;area shape="rect" coords="57,45,63,54" href="javascript:showColor('#333333')"&gt;
&lt;area shape="rect" coords="65,45,71,54" href="javascript:showColor('#333366')"&gt;
&lt;area shape="rect" coords="73,45,79,54" href="javascript:showColor('#333399')"&gt;
&lt;area shape="rect" coords="81,45,87,54" href="javascript:showColor('#3333CC')"&gt;
&lt;area shape="rect" coords="89,45,95,54" href="javascript:showColor('#3333FF')"&gt;
&lt;area shape="rect" coords="97,45,103,54" href="javascript:showColor('#663300')"&gt;
&lt;area shape="rect" coords="105,45,111,54" href="javascript:showColor('#663333')"&gt;
&lt;area shape="rect" coords="113,45,119,54" href="javascript:showColor('#663366')"&gt;
&lt;area shape="rect" coords="121,45,127,54" href="javascript:showColor('#663399')"&gt;
&lt;area shape="rect" coords="129,45,135,54" href="javascript:showColor('#6633CC')"&gt;
&lt;area shape="rect" coords="137,45,143,54" href="javascript:showColor('#6633FF')"&gt;
&lt;area shape="rect" coords="145,45,151,54" href="javascript:showColor('#993300')"&gt;
&lt;area shape="rect" coords="153,45,159,54" href="javascript:showColor('#993333')"&gt;
&lt;area shape="rect" coords="161,45,167,54" href="javascript:showColor('#993366')"&gt;
&lt;area shape="rect" coords="169,45,175,54" href="javascript:showColor('#993399')"&gt;
&lt;area shape="rect" coords="177,45,183,54" href="javascript:showColor('#9933CC')"&gt;
&lt;area shape="rect" coords="185,45,191,54" href="javascript:showColor('#9933FF')"&gt;
&lt;area shape="rect" coords="193,45,199,54" href="javascript:showColor('#CC3300')"&gt;
&lt;area shape="rect" coords="201,45,207,54" href="javascript:showColor('#CC3333')"&gt;
&lt;area shape="rect" coords="209,45,215,54" href="javascript:showColor('#CC3366')"&gt;
&lt;area shape="rect" coords="217,45,223,54" href="javascript:showColor('#CC3399')"&gt;
&lt;area shape="rect" coords="225,45,231,54" href="javascript:showColor('#CC33CC')"&gt;
&lt;area shape="rect" coords="233,45,239,54" href="javascript:showColor('#CC33FF')"&gt;
&lt;area shape="rect" coords="241,45,247,54" href="javascript:showColor('#FF3300')"&gt;
&lt;area shape="rect" coords="249,45,255,54" href="javascript:showColor('#FF3333')"&gt;
&lt;area shape="rect" coords="257,45,263,54" href="javascript:showColor('#FF3366')"&gt;
&lt;area shape="rect" coords="265,45,271,54" href="javascript:showColor('#FF3399')"&gt;
&lt;area shape="rect" coords="273,45,279,54" href="javascript:showColor('#FF33CC')"&gt;
&lt;area shape="rect" coords="281,45,287,54" href="javascript:showColor('#FF33FF')"&gt;
&lt;area shape="rect" coords="1,56,7,65" href="javascript:showColor('#000000')"&gt;
&lt;area shape="rect" coords="9,56,15,65" href="javascript:showColor('#000033')"&gt;
&lt;area shape="rect" coords="17,56,23,65" href="javascript:showColor('#000066')"&gt;
&lt;area shape="rect" coords="25,56,31,65" href="javascript:showColor('#000099')"&gt;
&lt;area shape="rect" coords="33,56,39,65" href="javascript:showColor('#0000CC')"&gt;
&lt;area shape="rect" coords="41,56,47,65" href="javascript:showColor('#0000FF')"&gt;
&lt;area shape="rect" coords="49,56,55,65" href="javascript:showColor('#330000')"&gt;
&lt;area shape="rect" coords="57,56,63,65" href="javascript:showColor('#330033')"&gt;
&lt;area shape="rect" coords="65,56,71,65" href="javascript:showColor('#330066')"&gt;
&lt;area shape="rect" coords="73,56,79,65" href="javascript:showColor('#330099')"&gt;
&lt;area shape="rect" coords="81,56,87,65" href="javascript:showColor('#3300CC')"&gt;
&lt;area shape="rect" coords="89,56,95,65" href="javascript:showColor('#3300FF')"&gt;
&lt;area shape="rect" coords="97,56,103,65" href="javascript:showColor('#660000')"&gt;
&lt;area shape="rect" coords="105,56,111,65" href="javascript:showColor('#660033')"&gt;
&lt;area shape="rect" coords="113,56,119,65" href="javascript:showColor('#660066')"&gt;
&lt;area shape="rect" coords="121,56,127,65" href="javascript:showColor('#660099')"&gt;
&lt;area shape="rect" coords="129,56,135,65" href="javascript:showColor('#6600CC')"&gt;
&lt;area shape="rect" coords="137,56,143,65" href="javascript:showColor('#6600FF')"&gt;
&lt;area shape="rect" coords="145,56,151,65" href="javascript:showColor('#990000')"&gt;
&lt;area shape="rect" coords="153,56,159,65" href="javascript:showColor('#990033')"&gt;
&lt;area shape="rect" coords="161,56,167,65" href="javascript:showColor('#990066')"&gt;
&lt;area shape="rect" coords="169,56,175,65" href="javascript:showColor('#990099')"&gt;
&lt;area shape="rect" coords="177,56,183,65" href="javascript:showColor('#9900CC')"&gt;
&lt;area shape="rect" coords="185,56,191,65" href="javascript:showColor('#9900FF')"&gt;
&lt;area shape="rect" coords="193,56,199,65" href="javascript:showColor('#CC0000')"&gt;
&lt;area shape="rect" coords="201,56,207,65" href="javascript:showColor('#CC0033')"&gt;
&lt;area shape="rect" coords="209,56,215,65" href="javascript:showColor('#CC0066')"&gt;
&lt;area shape="rect" coords="217,56,223,65" href="javascript:showColor('#CC0099')"&gt;
&lt;area shape="rect" coords="225,56,231,65" href="javascript:showColor('#CC00CC')"&gt;
&lt;area shape="rect" coords="233,56,239,65" href="javascript:showColor('#CC00FF')"&gt;
&lt;area shape="rect" coords="241,56,247,65" href="javascript:showColor('#FF0000')"&gt;
&lt;area shape="rect" coords="249,56,255,65" href="javascript:showColor('#FF0033')"&gt;
&lt;area shape="rect" coords="257,56,263,65" href="javascript:showColor('#FF0066')"&gt;
&lt;area shape="rect" coords="265,56,271,65" href="javascript:showColor('#FF0099')"&gt;
&lt;area shape="rect" coords="273,56,279,65" href="javascript:showColor('#FF00CC')"&gt;
&lt;area shape="rect" coords="281,56,287,65" href="javascript:showColor('#FF00FF')"&gt;
&lt;/map&gt;
&lt;a&gt;&lt;img usemap="#colmap" src="colortable.gif" border=0 width=289 height=67&gt;&lt;/a&gt;&lt;br&gt;
&lt;br&gt;
Click a box and the hexadecimal color will be shown below.&lt;br&gt;
&lt;input type=text name=hexval size=10 readonly&gt;
&lt;/form&gt;
&lt;/center&gt;

 

&lt;!-- Script Size:  18.35 KB --&gt;</textarea><br><font FACE="helvetica,arial,geneva"></font></td></tr>

</table>
</form>
</FONT>
</CENTER>


</center>
</body></html>
